<script>
export default {
  name: "courseDescription"
}
</script>

<template>
<div>
  <div class="w">
    <div class="box">
      <div class="title">
        <div>课程描述</div>
        <div>目录</div>
        <div>评论</div>
      </div>
      <div class="center">
        <p>1111111111</p>
        <p>111</p>
        <p>11111111</p>
      </div>
    </div>
  </div>
</div>
</template>

<style scoped lang="less">
* {
  margin: 0;
  padding: 0;
}
a{
  text-decoration: 0;
  color: white;
  font-size: 20px;
}
li{
  list-style: none;
}
.w {
  width: 1200px;
  margin: 0 auto;

}
.box {
  background-color: white;
  margin-top: 160px;
  padding: 10px;
}
.title{
  display: flex;
  justify-content: center;
  border-bottom: 1px solid black;
}
.title div {
  margin: 10px;
}

</style>